<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>内容</title>
    <style>
        .main {
            width: 500px;
            height: 500px;
            border: 1px solid black;
            margin: 0 auto;
            text-align: center;
        }

        .main .item {
            color: red;
            font: bold 25px Arial;
            display: block;
            text-align: center;

        }
    </style>
</head>
<body>
<div class="main">
    <p class="item">{{ username }}</p>
    <p class="item">书名：{{ book.name }}</p>
    <p class="item">作者：{{ book.author }}</p>
    <p class="item">下标为1的图书：{{ books.0.name }}</p>
    <p class="item">下标为2的图书：{{ books.1.name }}</p>
    <p class="item">人的信息：{{ person.name}}</p>
    <p class="item">人的信息：{{ person.age}}</p>
</div>
</body>
</html>